.animate {
  /* breadcrumb */
  &-breadcrumb {
    &-enter-active,
    &-leave-active {
      transition: all 1s ease-in-out;
    }

    &-enter,
    &-leave-active {
      opacity: 0;
      transform: translateX(20px);
    }

    &-move {
      transition: all 1s ease-in-out;
    }

    &-leave-active {
      position: absolute;
    }
  }
}